<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>个人得分详细记录-个人积分情况</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
  <link rel="stylesheet" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" href="assets/css/app.css">
  	<style type="text/css">
  		body {background: url(images/bg.jpg) fixed; background-size: 100%;}
  		.am-box {
		    border: 1px solid #E5E5E5; border-radius: 5px; margin: 10px; margin-top: 30%; background: rgba(255,255,255,0.9); 
		    position: relative;
		}		
		.am-box-hd {
		    margin: -75px auto 0 auto;
		    padding: 5px 10px;
		    text-align: center;
		}		
		.am-box-bd {
		    margin-top: 20px;
		}
		.am-box-bd-top { background: rgba(200,200,200,0.5); height: 30px; line-height: 30px; font-weight: bold;}

		.am-list li .shuzi{line-height: 40px;}
		.am-list li .am-progress{ margin-bottom: 0;}
		.am-list-item-desced {padding-top: 1rem;}
		.text-left {text-align: left;}
  	</style>
</head>
<body>
	<header data-am-widget="header" class="am-header am-header-default">
      <div class="am-header-left am-header-nav">
          <a href="index.html" class="">
            <i class="am-header-icon am-icon-home"></i>
          </a>
      </div>
      <h1 class="am-header-title">
          <a href="#title-link" class="">个人得分详细记录 </a>
      </h1>
      
      <div class="am-header-right am-header-nav">
          <a href="#right-link" class="">
            <i class="am-header-icon am-icon-bars"></i>
          </a>
      </div>
      
      
    	<div class="am-header-right am-header-nav am-dropdown" data-am-dropdown>
			  <a class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle><i class="am-header-icon am-icon-bars"></i></a>			  
			  <ul class="am-dropdown-content">
			    <li><a href="gr.html"><span class="am-icon-bar-chart"></span> 累计积分排名</a></li>
			    <li class="am-divider"></li>
			    <li><a href="byjf.html"><span class="am-icon-bar-chart"></span> 本月积分排名</a></li>
			    <li class="am-divider"></li>
			    <li><a href="bxqjf.html"><span class="am-icon-bar-chart"></span> 本学期积分排名</a></li>		    
			    <li class="am-divider"></li>
			    <li><a href="grjf.html"><span class="am-icon-user-secret"></span> 个人得分详细记录</a></li>
			  </ul>
			</div> 
      
  	</header>
  	
  	
  	<div class="am-box">
	    <div class="am-box-hd">
	   		<a href=""><img width="150" height="150" src="images/PRG2_03.jpg" alt="骆文渊" class="am-img-thumbnail am-circle" /></a>
	   		<p>骆文渊 <span class="am-badge am-badge-warning am-round">专业老师</span></p>
	   		<div class="am-btn-group am-btn-group-sm">				  
				  <a class="am-btn am-btn-success am-round"  data-am-modal="{target: '#kaifeng'}"><i class="am-icon-edit"></i> 开分</a>
				  <a class="am-btn am-btn-success am-round"  data-am-modal="{target: '#kaifeng'}"><i class="am-icon-wrench"></i> 配分</a>
				  <a href="drkfjl-qt.html" class="am-btn am-btn-success am-round"><i class="am-icon-history"></i> 记录</a>	
				</div>
				
				<!--弹出框-->
				<div class="am-modal am-modal-alert" tabindex="-1" id="kaifeng">
				  <div class="am-modal-dialog">
				    <!--<div class="am-modal-hd">开分</div>-->
				    <div class="am-modal-bd am-text-left">
				    	<form class="am-form">
							  	    
							    <div class="am-form-group">
							      <label for="doc-ipt-email-1">开票人员：</label>
							      	测试22
							    </div>
							    
							    <div class="am-form-group">
							      <label for="doc-ipt-email-1">可用积分：</label>
							      1000分 (本月剩余)
							    </div>
							
							    <div class="am-form-group">
							      <label for="doc-ipt-email-1">积分数量</label>
							      <input type="text" class="am-radius" placeholder="输入积分数量">
							    </div>
							
							    <div class="am-form-group">
							      <label for="doc-ipt-pwd-1">加分说明</label>
							      <input type="text" class="am-radius"  placeholder="请填写增加分的说明">
							    </div>
							    
							    <div class="am-form-group am-form-file">
									  <button type="button" class="am-btn am-btn-default am-text-center" style="width: 130px; height: 90px;">
									    <i class="am-icon-plus am-icon-lg"></i> <br />添加图片文件
									  </button>
									  <input type="file" multiple>
									</div>
							
							    <div class="am-form-group">
							    	<button type="submit" class="am-btn am-btn-block am-radius am-btn-lg am-btn-warning"> <i class="am-icon-cog"></i> 确定开分</button>
							    </div>
							</form>
				    </div>
				  </div>
				</div>
				<!--end弹出框-->
				
	   	</div>
	   <div class="am-box-bd">	
	   	
	   	<div class="am-btn-group am-btn-group-justify shortcut-navs">
			  <a class="am-btn am-btn-default am-btn-xs" role="button" href="#"><em class="am-text-xl">1000</em>总积分</a>
				<a class="am-btn am-btn-default am-btn-xs" role="button" href="#"><em class="am-text-xl">0</em>学期排名</a>
				<a class="am-btn am-btn-default am-btn-xs" role="button" href="#"><em class="am-text-xl">0</em>月度排名</a>
			</div>
			
			
			<ul class="am-list am-list-static am-list-border">
			  <li>本学期部门排名:<span class="am-badge am-badge-success am-round am-text-default">4</span></li>
			  <li>本学期月度排名:<span class="am-badge am-badge-warning am-round am-text-default">5</span></li>
			  <li>本月部门排名:<span class="am-badge am-badge-danger am-round am-text-default">6</span></li> 
			</ul>
	   	
	   	<ul class="am-list am-list-border">
	   		<li style="padding: 0;">
	   			<div class="am-box-bd-top">
			   		<div class="am-g">
					  <div class="am-u-sm-3 am-center">开分人</div>			  
					  <div class="am-u-sm-7">说明</div>
					  <div class="am-u-sm-2 am-center">得分</div>			  
					</div>
			   	</div>
	   		</li>	
      
            
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
	      <li class="am-g am-list-item-desced">
	        <div class="am-u-sm-3 am-list-thumb">
	          <a href="#" class="">
	            小骆
	          </a>
	        </div>
	        <div class=" am-u-sm-9 am-list-main">
	        	<span class="am-badge am-badge-success am-icon-plus am-fr"> 100</span>
	          <a class="" data-am-modal="{target: '#my-alert'}">月固定积分分配</a> 
	          <span class="am-list-item-text">08-18</span>
	        </div>
	      </li>
			  
			  
			</ul>		
	   </div>	   
	   
	   
	   
	</div>
	
  	
  	
  	
  	
  	
  	<!--弹出框-->
  	<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
		  <div class="am-modal-dialog">
		  	
		  	
		  	
		  	<div class="am-panel am-panel-default">
				  <div class="am-panel-hd">
				    <h3 class="am-panel-title">颜炎权本次积分明细</h3>
				  </div>				
				  <ul class="am-list am-list-static text-left">
				    <li>说明：2015年06月固定积分分配</li>
				    <li>得分：82分</li>
				    <li>操作教师：王六[园长]</li>
				    <li>出勤天数：31天</li>
				    <li>职务得分：30分</li>
				    <li>学历得分：50分</li>
				    <li>证书得分：0分</li>
				    <li>技能得分：0分</li>
				    <li>加分时间：2015-07-01 15:38:35</li>
				  </ul>	
				  <div class="am-panel-footer">
				  	<button type="button" class="am-btn am-round am-btn-danger am-btn-block"><i class="am-icon-mail-forward"></i> 撤消评分</button>
				  </div>
				</div>
		  </div>
		</div>
  	<!--End弹出框-->
  	
  	
  	
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>	
</body>
</html>
